@charset "UTF-8";

// 使用 ：@extend %noHighLight
// 移动端点击无高光
%noHighLight {
  -webkit-tap-highlight-color: transparent;
}

// 去除表单默认样式
%noAppearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}

// 禁用选择
%noSelect {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

// 禁用callOut
%noCallOut {
  -webkit-touch-callout: none;
}

// 文本换行
%textWrap {
  word-wrap: break-word;
  word-break: break-all;
}

// 两端对齐
%textJustify {
  text-align: justify;
  //去除伪元素所占空间,但%textJustify内部元素必须设置字体大小(因为继承的关系，他们font-size也为0,所以需要重置)
  font-size:0;

  &:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
  }
}

// 清除浮动
%clearfix {

  &:before,
  &:after {
    content: "";
    display: table;
  }

  &:after {
    clear: both;
    overflow: hidden;
  }
}